<template>
  <div>
    <div>
      <img src="@/assets/logo/logo.png">
      <h3>成都世纪舞尚文化传播有限公司</h3>
    </div>
    <div class="div-myroom">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>卡片名称</span>
        </div>
        <div v-for="item in roomList.length" :key="item.deptId" class="item.deptName">
          {{'联系电话： ' + item.tel }}
          {{'门店地址： ' + item.city + item.area }}
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
  import { getRooms } from "@/cms/workbench/myroom";

  export default {
    name: "myroom",
    data() {
      return {
        // 遮罩层
        loading: true,
        // 表单参数
        form: {},
        roomList: [],
      }
    },
    created() {
      this.getLists();
    },
    methods: {
      /** 查询参数列表 */
      getLists() {
        this.loading = true;
        getRooms().then(response => {
            this.roomList = response.data;
            console.log(response.data)
            this.loading = false;
          }
        );
        
      },
    },
  }

</script>

<style scoped lang="scss">
  .div-myroom {
    border: 1px solid red;
  }
</style>
